<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新增活动</title>
    <link rel="stylesheet" href="../static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/base/base.css">
    <link rel="stylesheet" href="../static/css/components/add-article.css">
    <link rel="stylesheet" href="../static/ueditor/themes/default/css/umeditor.css">
    <link rel="stylesheet" href="../static/css/components/active.css">

</head>

<body>
    <ul class="layui-nav header-nav" lay-filter="">
        <li class="layui-nav-item">
            <a href="">logo</a>
        </li>
        <li class="layui-nav-item">
            <a href="../index.html">文章管理</a>
        </li>
        <li class="layui-nav-item  layui-this">
            <a href="active.html">活动管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../tea/tea.html">茶馆管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../collection/collection.html">藏家行情</a>
        </li>
        <li class="layui-nav-item">
            <a href="../proprietary/proprietary.html">自营商品</a>
        </li>
        <li class="layui-nav-item">
            <a href="../banner/banner.html">banner管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../sms/sms.html">短信模板</a>
        </li>
        <!-- 头部右侧 -->
        <div class="header-right">
            <div class="help">
                <i class="layui-icon layui-icon-help ic-help" style="font-size: 6px; "></i>
            </div>
            <li class="layui-nav-item">
    
                <a href="">帮助</a>
            </li>
            <li class="layui-nav-item">
                <a href="">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">我</a>
            </li>
        </div>
    </ul>

    <!-- 面包屑 -->
    <div class="breadcrumb">
        <span class="layui-breadcrumb" lay-separator=">">
            <a href="active.html">全部活动</a>
            <a href="add-active.html">新增活动</a>
        </span>
    </div>


    <!-- 中间内容区 -->
    <div class="container">
        <div class="con-left fl">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">活动管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="active.html">全部活动</a>
                        </dd>
                        <dd class="active-require">
                            <a href="act-reqire.html">活动请求</a>
                            <div class="active-circle">1</div>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!-- 中间区域右侧 -->
        <div class="con-right fr">
            <!-- 文章标题 -->
            <form class="layui-form add-form" action="">
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <label class="layui-form-label">活动标题：</label>
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input act-input">
                    </div>
                </div>

                <!-- 选择日期 -->
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <label class="layui-form-label">选择日期：</label>
                            <input type="text" class="layui-input fl " id="date1" placeholder="yyyy-MM-dd">
                            <label class="layui-form-label">开始时间：</label>
                            <input type="text" class="layui-input fl" id="date2" placeholder="yyyy-MM-dd HH:mm:ss">
                            <label class="layui-form-label">结束时间：</label>
                            <input type="text" class="layui-input fl" id="date3" placeholder="208-06-dd HH:mm:ss">
                        </div>
                    </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <label class="layui-form-label">活动场地：</label>
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input act-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <label class="layui-form-label">活动人数：</label>
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input act-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <label class="layui-form-label">活动费用：</label>
                                <input type="text" name="title" required lay-verify="required" placeholder="免费" autocomplete="off" class="layui-input act-input">
                            </div>
                        </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <label class="layui-form-label">举办者：</label>
                                    <input type="text" name="title" required lay-verify="required" placeholder="请输入举办者手机号" autocomplete="off" class="layui-input act-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <label class="layui-form-label">特邀嘉宾：</label>
                                    <input type="text" name="title" required lay-verify="required" placeholder="请输入嘉宾手机号" autocomplete="off" class="layui-input act-input">
                                </div>
                            </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <label class="layui-form-label">活动封面：</label>
                                        <div class="layui-upload-drag" id="upload">
                                            <i class="layui-icon"></i>
                                            <p>请上传活动封面</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- 活动详情 -->
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <label class="layui-form-label">活动详情：</label>
                                        <!-- 编辑器 -->
                                        <textarea id="text"></textarea>
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <label class="layui-form-label">标签设置：</label>
                                        <ul class="tag-set">
                                            <li>
                                                <input type="checkbox" name="" title="品鉴" lay-skin="primary">
                                            </li>
                                            <li>
                                                <input type="checkbox" name="" title="健康" lay-skin="primary">
                                            </li>
                                            <li>
                                                <input type="checkbox" name="" title="财富" lay-skin="primary">
                                            </li>
                                            <li>
                                                <input type="checkbox" name="" title="新手" lay-skin="primary">
                                            </li>
                                            <li>
                                                <input type="checkbox" name="" title="深圳" lay-skin="primary">
                                            </li>
                                            <li>
                                                <input type="checkbox" name="" title="免费" lay-skin="primary">
                                            </li>
                                            <li>
                                                <input type="checkbox" name="" title="南京" lay-skin="primary">
                                            </li>
                                        </ul>
                                        <a href="javascript:;" class="addactive-tag" id="addact">新增标签</a>
                                        <p class="select-p">最多勾选3个标签</p>
                                    </div>
                                </div>

                                <div class="layui-form-item">

                                    <div class="layui-input-block">
                                        <label class="layui-form-label open">上架</label>
                                        <input type="checkbox" name="switch" lay-skin="switch">
                                    </div>
                                </div>

                                <div class="layui-form-item save">
                                    <div class="layui-input-block">
                                        <button class="layui-btn preview" lay-submit lay-filter="formDemo">预览</button>
                                        <button class="layui-btn preview" lay-submit lay-filter="formDemo">保存</button>
                                    </div>
                                </div>
              </form>


        </div>



        <script src="../static/lib/layui/layui.all.js"></script>
        <script src="../static/ueditor/jquery.js"></script>
        <script src="../static/ueditor/umeditor.config.js"></script>
        <script src="../static/ueditor/umeditor.js"></script>
        <script src="../static/ueditor/lang/zh-cn/zh-cn.js"></script>
        <script src="../static/js/base.js"></script>

        <script>
            ; !function () {
                //无需再执行layui.use()方法加载模块，直接使用即可
                var form = layui.form
                    , layer = layui.layer;
                form.on('submit(formDemo)', function (data) {
                    layer.msg(JSON.stringify(data.field));
                    return false;
                });

                 var addact = my('addact');
                addact.onclick = function () {
                    layer.prompt(function (val, index) {
                        layer.msg('新增了' + val);
                        layer.close(index);
                    });
                }
                // 日期
                var laydate = layui.laydate;
                laydate.render({
                    elem: '#date1'
                    , value: '1989-10-14'
                    , isInitValue: true
                });
                laydate.render({
                    elem: '#date2'
                    , value: '1989-10-14 00:00:00'
                    , type: 'datetime'
                });
                laydate.render({
                    elem: '#date3'
                    , value: '1989-10-14 00:00:00'
                    , type: 'datetime'
                });
                  // 上传文件
                  var $ = layui.jquery
                    , upload = layui.upload;
                upload.render({
                    elem: '#upload'
                    , url: '/upload/'
                    , done: function (res) {
                        console.log(res)
                    }
                });
                // 编辑器
                var um = UM.getEditor('text', {
                    initialFrameWidth: 800,
                    initialFrameHeight: 250,
                    initialContent: '内容'
                });
            }();

          
          
        </script>





</body>

</html>